<template>
   <div class="login">
    <div class="home-header">
        <h3>饭了么</h3>
    </div>
    <div class="middle">
      <h2>欢迎使用</h2><h2 style="color: #0d66e3;">饭了么</h2>
      <p>登陆后即可进行操作</p>
      <img src="@/assets/tubiao.png">
    </div>
    <van-button  type="primary" round color="#0a87f5" to="/studentlogin">我是学生</van-button> <br>
    <van-button  type="primary" round color="#0a87f5" to="/storelogin">我是商家</van-button> <br>
   </div>
</template>

<script>
export default {
 name:"LoginIndex",
 methods:{
  
 }
}
</script>

<style lang="less" scoped>

.home-header{
    width: 100%;
    height: 30px;
    background-color: rgb(10, 135, 245);
    h3{
        
        text-align: center;
        color: aliceblue;
        padding-top: 5px;
    }

}
h2{
 display: inline-block;
 margin-left: 30px;
 margin-top: 20px;
}
.middle{
  p{
    margin-left: 30px;
    margin-top: 10px;
    font-size: 15px;
    color: #b4aeae;
  }
  img{
    margin-left: 125px;
    margin-top: 50px;
    width: 120px;
    height: 120px;
    border-radius: 50px;
  }
}
.van-button--primary {
   margin-left: 140px;
   margin-top: 60px;
}
</style>